@charset "utf-8";
/* CSS Document */
div.invite_nav{
	float:left;
	width:98%;
	min-width:600px;
	margin-bottom:15px;
	margin-top:10px;
	margin-left:20px;
}
div.invite_nav div.go_party{
	float:left;
	padding-left:17px;
	background:url(../../image/personal_fun.png) no-repeat;
	margin:5px 10px;
	cursor:pointer;
}
div.invite_nav div.go_party:hover{
	color:#939393;
	background-position:0 -16px;
	text-decoration:underline;
}
div.invite_nav div.set_h_fun{
	float:left;
}
div.invite_nav div.set_h_fun input{
	cursor:pointer;
	height:20px;
	font-size:12px;
}
div.invite_nav div.set_info{
	float:left;
	color:#786566;
	padding:3px 5px;
}
div.invite_nav div.invite_table{
	float:left;
}
div.invite_table div.table_bg{
	float:left;
}
div.invite_table a.add_btm{
	font-size:12px;
	float:left;
	padding-top:2px;
	height:13px;
	margin-top:3px;
	margin-left:10px;
	padding-left:17px;
	background:url(../../image/personal_fun.png) no-repeat 0 0;
	color: #717171;
}
div.invite_table a.add_btm:hover{
	background:url(../../image/personal_fun.png) no-repeat 0 -16px;
}
div.table_bg a.table_btm_ri{
	width:30px;
	height:35px;
	float:left;
	text-align:center;
	color:#fff45c;
	font-size:11px;
	padding:2px 0 1px 0;
	font-weight:bold;
	text-decoration:none;
	background:url(../../image/shift_btm_today.png) no-repeat 0 0;
}
div.table_bg a.table_btm_ri:hover{
	background:url(../../image/shift_btm_today.png) no-repeat -30px 0;
	text-decoration:none;
}

div.table_bg a.table_ri_onit{
	text-decoration:none;
	width:30px;
	height:35px;
	float:left;
	text-align:center;
	color:#FFF;
	font-size:11px;
	padding:2px 0 1px 0;
	font-weight:bold;
	background:url(../../image/shift_btm_today.png) no-repeat -60px 0;
}
div.table_bg a.table_ri_onit:hover{
	background:url(../../image/shift_btm_today.png) no-repeat -90px 0;
}


div.table_bg a.table_btm_zhou{
	width:30px;
	height:35px;
	float:left;
	text-align:center;
	color:#fff45c;
	font-size:11px;
	padding:2px 0 1px 0;
	font-weight:bold;
	text-decoration:none;
	background:url(../../image/shift_btm_tweek.png) no-repeat 0 0;
}
div.table_bg a.table_btm_zhou:hover{
	background:url(../../image/shift_btm_tweek.png) no-repeat -30px 0;
	text-decoration:none;
}

div.table_bg a.table_zhou_onit{
	text-decoration:none;
	width:30px;
	height:35px;
	float:left;
	text-align:center;
	color:#FFF;
	font-size:11px;
	padding:2px 0 1px 0;
	font-weight:bold;
	background:url(../../image/shift_btm_tweek.png) no-repeat -60px 0;
}
div.table_bg a.table_zhou_onit:hover{
	background:url(../../image/shift_btm_tweek.png) no-repeat -90px 0;
}

div.table_bg a.table_btm_yue{
	width:30px;
	height:35px;
	float:left;
	text-align:center;
	color:#fff45c;
	font-size:11px;
	padding:2px 0 1px 0;
	font-weight:bold;
	text-decoration:none;
	background:url(../../image/shift_btm_tmonth.png) no-repeat 0 0;
}
div.table_bg a.table_btm_yue:hover{
	background:url(../../image/shift_btm_tmonth.png) no-repeat -30px 0;
}

div.table_bg a.table_yue_onit{
	text-decoration:none;
	width:30px;
	height:35px;
	float:left;
	text-align:center;
	color:#FFF;
	font-size:11px;
	padding:2px 0 1px 0;
	font-weight:bold;
	background:url(../../image/shift_btm_tmonth.png) no-repeat -60px 0;
}
div.table_bg a.table_yue_onit:hover{
	background:url(../../image/shift_btm_tmonth.png) no-repeat -90px 0;
}

div.table_bg a.table_btm_nian{
	width:30px;
	height:35px;
	float:left;
	text-align:center;
	color:#fff45c;
	font-size:11px;
	padding:2px 0 1px 0;
	font-weight:bold;
	text-decoration:none;
	background:url(../../image/shift_btm_tyear.png) no-repeat 0 0;
}
div.table_bg a.table_btm_nian:hover{
	background:url(../../image/shift_btm_tyear.png) no-repeat -30px 0;
}

div.table_bg a.table_nian_onit{
	text-decoration:none;
	width:30px;
	height:35px;
	float:left;
	text-align:center;
	color:#FFF;
	font-size:11px;
	padding:2px 0 1px 0;
	font-weight:bold;
	background:url(../../image/shift_btm_tyear.png) no-repeat -60px 0;
}
div.table_bg a.table_nian_onit:hover{
	background:url(../../image/shift_btm_tyear.png) no-repeat -90px 0;
}
/*
div.table_bg a.table_btm{
	width:30px;
	height:14px;
	float:left;
	text-align:center;
	color:#fff45c;
	font-size:11px;
	padding:2px 0 1px 0;
	font-weight:bold;
	text-decoration:none;
	background:url(../../image/shift_btm.png) no-repeat 0 0;
}
div.table_bg a.table_btm:hover{
	background:url(../../image/shift_btm.png) no-repeat -30px 0;
	text-decoration:none;
}
div.table_bg a.table_onit{
	text-decoration:none;
	width:30px;
	height:14px;
	float:left;
	text-align:center;
	color:#FFF;
	font-size:11px;
	padding:2px 0 1px 0;
	font-weight:bold;
	background:url(../../image/shift_btm.png) no-repeat -60px 0;
}
div.table_bg a.table_onit:hover{
	background:url(../../image/shift_btm.png) no-repeat -90px 0;
}*/
div.invite_nav div.invite_mouth_fun{
	float:right;
	font-size:12px;
	margin-right:18px;
	width: 350px;
	height: 45px;
	background:url(../../image/clip_view_time_fun.png) no-repeat;
}
div.invite_nav div.invite_mouth_fun_day{
	float:right;
	font-size:12px;
	margin-right:18px;
	width: 400px;
	height: 45px;
	background:url(../../image/clip_view_time_fun_day.png) no-repeat;
}

div.invite_nav div.invite_mouth_fun_year{
	float:right;
	font-size:12px;
	margin-right:18px;
	width: 200px;
	height: 31px;
	background:url(../../image/clip_view_time_fun_year.png) no-repeat;
}

div.invite_mouth_fun span{
	float:left;
	width: 15px;
	height: 15px;
	margin-top:5px;
	background:url(../../image/nyzrd.png) no-repeat;
}
div.invite_mouth_fun span.nian{
	background-position: 0px 0px;
}
div.invite_mouth_fun span.zhou{
	background-position: 0px -30px;
}
div.invite_mouth_fun span.ri{
	background-position: 0px -45px;
}
div.invite_mouth_fun span.yue{
	background-position: 0px -15px;
}
div.invite_mouth_fun span.di{
	background-position: 0px -61px;
}
/*
div.invite_mouth_fun div.btm_out{
	background: url("../../image/et_btm.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    float: left;
    height: 15px;
    margin-right: 10px;
    margin-top:7px;
    padding: 3px;
}
*/
div.invite_mouth_fun a{
	width:30px;
	height:20px;
	display:block;
	float:left;
	margin:0 3px;
	margin-top:4px;
	cursor:pointer;
}
div.invite_mouth_fun a.y_left{
	background:url(../../image/arrow.png) 0px 0px  ;
}
div.invite_mouth_fun a.y_left:hover{
	background:url(../../image/arrow.png) -30px 0px  ;
}
div.invite_mouth_fun a.y_right{
	background:url(../../image/arrow.png) 0px -40px  ;
}
div.invite_mouth_fun a.y_right:hover{
	background:url(../../image/arrow.png) -30px -40px  ;
}
div.invite_mouth_fun a.m_left{
	background:url(../../image/arrow.png) 0px -20px  ;
}
div.invite_mouth_fun a.m_left:hover{
	background:url(../../image/arrow.png) -30px -20px  ;
}
div.invite_mouth_fun a.m_right{
	background:url(../../image/arrow.png) 0px -60px;
}
div.invite_mouth_fun a.m_right:hover{
	background:url(../../image/arrow.png) -30px -60px  ;
}
div.invite_mouth_fun select{
	float:left;
	font-size: 12px;
    margin: 5px 5px 0 0;
    width: 55px;
}
div.invite_mouth_fun select option{
	font-size:12px;
}
div.invite_mouth_fun span.btm_tweek{
	float:left;
	height:21px;
	width:30px;
	background:url(../../image/btm_tweek.png) no-repeat 0 0;
	font-size:11px;
	cursor:pointer;
	color:#FFF;
	margin:3px 0 0 5px;
	text-align:center;
}
div.invite_mouth_fun span.btm_tweek:hover{
	background:url(../../image/btm_tweek.png) no-repeat -30px 0;
}

div.invite_mouth_fun span.btm_today{
	float:left;
	height:21px;
	width:30px;
	background:url(../../image/btm_today.png) no-repeat 0 0;
	font-size:11px;
	cursor:pointer;
	color:#FFF;
	margin:3px 0 0 5px;
	text-align:center;
}
div.invite_mouth_fun span.btm_today:hover{
	background:url(../../image/btm_today.png) no-repeat -30px 0;
}

div.invite_mouth_fun span.btm_tyear{
	float:left;
	height:21px;
	width:30px;
	background:url(../../image/btm_tyear.png) no-repeat 0 0;
	font-size:11px;
	cursor:pointer;
	color:#FFF;
	margin:3px 0 0 5px;
	text-align:center;
}
div.invite_mouth_fun span.btm_tyear:hover{
	background:url(../../image/btm_tyear.png) no-repeat -30px 0;
}

div.invite_mouth_fun span.btm_tmonth{
	float:left;
	height:21px;
	width:30px;
	background:url(../../image/btm_tmonth.png) no-repeat 0 0;
	font-size:11px;
	cursor:pointer;
	color:#FFF;
	margin:3px 0 0 5px;
	text-align:center;
}
div.invite_mouth_fun span.btm_tmonth:hover{
	background:url(../../image/btm_tmonth.png) no-repeat -30px 0;
}
div.invite_page{
	width:100%;
	float:left;
	min-width:1230px;
	background: url("../../image/setphotobg.jpg") repeat scroll 0 0 transparent;
}
table.shaft_row{
	height:14px;
	width:10%;
	table-layout:fixed;
	empty-cells:show;
	float:right;
	
}
div.row{
	width:100%;
	float:left;
	background:url(../../image/shaft.png) no-repeat right -2px;
	height:10px;
	overflow:hidden;
	table-layout:fixed;
	empty-cells:show;
	font-size:1px;
	line-height:1px;
	top:14px;
	right:10px;
	position: absolute;
}

div.unithour{
	width:100%;
	float:left;
	background:url(../../image/unithour.png) no-repeat;
	width:34px;
	height:45px;
	overflow:hidden;
	table-layout:fixed;
	empty-cells:show;
	font-size:1px;
	line-height:1px;
	top:15px;
	right:20px;
	position: absolute;
}

div.unitday{
	width:100%;
	float:left;
	background:url(../../image/unitday.png) no-repeat;
	width:34px;
	height:45px;
	overflow:hidden;
	table-layout:fixed;
	empty-cells:show;
	font-size:1px;
	line-height:1px;
	top:15px;
	right:20px;
	position: absolute;
}
div.unitmonth{
	width:100%;
	float:left;
	background:url(../../image/unitmonth.png) no-repeat;
	width:34px;
	height:45px;
	overflow:hidden;
	table-layout:fixed;
	empty-cells:show;
	font-size:1px;
	line-height:1px;
	top:15px;
	right:20px;
	position: absolute;
}
div.shaft_col{
	background:url(../../image/shaft.png) no-repeat 14px -45px;
	height:55px;
	width:28px;
	float:left;
}

div.view_box{
	width:100%;
	float:left;
	min-width:600px;
	position: relative;
}
div.view_box table tr td{
	font-size:12px;
}
#td_box_detail{
	display:none;
	position:absolute;
	display:table;
	background:none transparent;
	z-index:100;
}
#td_box_detail div.optdiv{
	float: left;
	width: 630px;
	height: 22px;
	position: relative;
}
#td_box_detail div.optdiv a.opt{
	background: url('../../image/detailview_close.png') transparent 0 0;
	width: 22px;
	height: 22px;
	display: block;
	position: relative;
	left: 604px;
	top: 11px;
}
#td_box_detail div.optdiv a.opt:hover{
	background-position: 0 -22px;
}
div.td_box{
	box-shadow: 0 0 10px #777777;
	border: 3px solid #394651;
	float: left;
	width: 98%;
	text-align:center;
}
div.td_box div.td_top{
	width:100%;
	float:left;
	text-align:right;
	height:23px;
}
div.td_box div.td_top a{
	font-size:12px;
	color:#000;
	text-indent:9999px;
	overflow:hidden;
	height:15px;
	width:15px;
	float:right;
	margin:5px 5px 5px 0;
}
div.td_box div.td_top a.hide{
	background:url(../../image/td_hide.png) no-repeat;
}
div.td_box div.td_top a.hide:hover{
	background:url(../../image/td_hide.png) no-repeat 0 -15px;
}
div.td_box div.td_top a.info{
	background:url(../../image/td_info.png) no-repeat;
}
div.td_box div.td_top a.info:hover{
	background:url(../../image/td_info.png) no-repeat 0 -15px;
}
div.td_box div.td_con{
	width:100%;
	float:left;
	text-align:center;
}
div.td_box div.td_con a{
	display:inline-block;
	overflow:hidden;
	font-size:14px;
	padding:0 10px;
}
div.td_box div.td_con a:hover{
	text-decoration:underline;
}
div.import{
	width:48px;
	height:48px;
	float:left;
	background:url(../../image/import.png) no-repeat;
	display:inline-block;
	position:absolute;
	top:25px;
	right:20px;
	cursor:pointer;
}
div.import:hover{
	background:url(../../image/import.png) no-repeat 0 -48px;
}
div.c_import{
	background:url(../../image/import.png) no-repeat 0 -96px;
}
div.c_import:hover{
	background:url(../../image/import.png) no-repeat 0 -144px;
}

/**小日历 **/
#smallcalendar {
    float: left;
}
tr.sweektitle {
}
tr.sweektitle td.sun {
    background: url("../../image/set_ctday/sun.jpg") repeat scroll 0 0 transparent;
    height: 23px;
    width: 54px;
}
tr.sweektitle td.mon {
    background: url("../../image/set_ctday/mon.jpg") repeat scroll 0 0 transparent;
    height: 23px;
    width: 54px;
}
tr.sweektitle td.tue {
    background: url("../../image/set_ctday/tue.jpg") repeat scroll 0 0 transparent;
    height: 23px;
    width: 54px;
}
tr.sweektitle td.wed {
    background: url("../../image/set_ctday/wed.jpg") repeat scroll 0 0 transparent;
    height: 23px;
    width: 54px;
}
tr.sweektitle td.thu {
    background: url("../../image/set_ctday/thu.jpg") repeat scroll 0 0 transparent;
    height: 23px;
    width: 54px;
}
tr.sweektitle td.fri {
    background: url("../../image/set_ctday/fri.jpg") repeat scroll 0 0 transparent;
    height: 23px;
    width: 54px;
}
tr.sweektitle td.sta {
    background: url("../../image/set_ctday/sta.jpg") repeat scroll 0 0 transparent;
    height: 23px;
    width: 54px;
}
tr.monthcontent {
    overflow: hidden;
}
tr.monthcontent td {
    background: url("../../image/set_ctday/smallday.jpg") repeat scroll 0 -1000px transparent;
    height: 50px;
    overflow: hidden;
    padding: 0;
    width: 54px;
}
tr.monthcontent td.today {
    background-position: 0 0;
}
tr.monthcontent td.other {
    background-position: 0 -200px;
}
tr.monthcontent td.clickon {
    background-position: 0 -150px;
}
tr.monthcontent td.todayclickon {
    background-position: 0 -50px;
}
tr.monthcontent td.otherclickon {
    background-position: 0 -250px;
}
tr.monthcontent td.holiday {
}
tr.monthcontent td div.sun {
    color: #414141;
    cursor: default;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 16px;
    margin-left: 4px;
    padding-top: 4px;
    text-align: left;
    width: 20px;
}
tr.monthcontent td.other div.sun, tr.monthcontent td.other div.lunar {
    color: #959595;
}
tr.monthcontent td.holiday div.sun, tr.monthcontent td.holiday div.lunar {
    color: #BC3740;
}
tr.monthcontent td div.starteventsign {
    background: url("../../image/calendarshareicon.png") repeat scroll 0 -12px transparent;
    display: none;
    float: left;
    height: 12px;
    margin: 6px 2px 0 0;
    width: 12px;
}
tr.monthcontent td div.endeventsign {
    background: url("../../image/calendarshareicon.png") repeat scroll 0 0 transparent;
    display: none;
    float: left;
    height: 12px;
    margin: 6px 2px 0 0;
    width: 12px;
}
tr.monthcontent td div.eventsign {
    background: url("../../image/cliplisteventicon.png") repeat scroll 0 0 transparent;
    display: none;
    float: right;
    height: 7px;
    margin: 4px 6px 0 0;
    width: 13px;
}
tr.monthcontent td div.lunar {
    color: #414141;
    cursor: default;
    float: left;
    font-size: 12px;
    height: 26px;
    padding-left: 3px;
    padding-top: 4px;
    text-align: left;
    width: 48px;
}


div.invite_mouth_fun {
    background: url("../../image/clip_view_time_fun.png") no-repeat scroll 0 0 transparent;
    font-size: 12px;
    height: 40px;
    margin: 0 auto;
    width: 350px;
}
div.invite_mouth_fun a {
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    margin: 4px 3px 0;
    width: 30px;
}
div.invite_mouth_fun a.y_left {
    background: url("../../image/arrow.png") repeat scroll 0 0 transparent;
}
div.invite_mouth_fun a.y_left:hover {
    background: url("../../image/arrow.png") repeat scroll -30px 0 transparent;
}
div.invite_mouth_fun a.y_right {
    background: url("../../image/arrow.png") repeat scroll 0 -40px transparent;
}
div.invite_mouth_fun a.y_right:hover {
    background: url("../../image/arrow.png") repeat scroll -30px -40px transparent;
}
div.invite_mouth_fun a.m_left {
    background: url("../../image/arrow.png") repeat scroll 0 -20px transparent;
}
div.invite_mouth_fun a.m_left:hover {
    background: url("../../image/arrow.png") repeat scroll -30px -20px transparent;
}
div.invite_mouth_fun a.m_right {
    background: url("../../image/arrow.png") repeat scroll 0 -60px transparent;
}
div.invite_mouth_fun a.m_right:hover {
    background: url("../../image/arrow.png") repeat scroll -30px -60px transparent;
}
div.invite_mouth_fun select {
    float: left;
    font-size: 12px;
    margin: 5px 5px 0 0;
    width: 55px;
}
div.invite_mouth_fun select option {
    font-size: 12px;
}
div.invite_mouth_fun span.btm_tmonth {
    background: url("../../image/btm_tmonth.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 21px;
    margin: 3px 0 0 5px;
    text-align: center;
    width: 30px;
}
div.invite_mouth_fun span.btm_tmonth:hover {
    background: url("../../image/btm_tmonth.png") no-repeat scroll -30px 0 transparent;
}
div.invite_mouth_fun span {
    background: url("../../image/nyzrd.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 15px;
    margin-top: 5px;
    width: 15px;
}
div.invite_mouth_fun span.nian {
    background-position: 0 0;
}
div.invite_mouth_fun span.yue {
    background-position: 0 -15px;
}
